<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>HTML5</title>
  <link rel="stylesheet" href="ex1.css">
</head>
<body>
  <header>
    <h1>Header</h1>
    <h2>Subtitle</h2>
    <h4>HTML5 Rocks!</h4>
  </header>
  <div id="container">
    <nav>
      <h3>Naviators</h3>
      <a href="http://example.com">Link 1</a>
      <a href="http://example.com">Link 2</a>
      <a href="http://example.com">Link 3</a>
    </nav>
    <section>
      <article>
        <header>
          <h1>Article Header</h1>
        </header>
        <p>Some good things about the article itself</p>
        <footer>
          <h2>Article footer</h2>
        </footer>
      </article>

      <article>
        <header>
          <h1>Bad Article Header</h1>
        </header>
        <p>Some bad things about the article itself</p>
        <footer>
          <h2>Bad Article footer</h2>
        </footer>
      </article>
    </section>
    <aside>
      <h3>Aside</h3>
      <p>HTML5: aside element</p>
    </aside>
    <footer>
      <h2>Footer</h2>
    </footer>
  </div>
</body>
</html>
